跳到主要内容

骨架屏loading

@keyframes skeleton-loading {
0% {
background-position: 100% 50%;
}

to {
background-position: 0 50%;
}
}

.skeleton-loading {
width: 400px;
height: 400px;
background: linear-gradient(130deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
background-size: 400% 100%;
animation: skeleton-loading 1.4s ease infinite;
}

<div class="skeleton-loading"></div>